<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>跟进计划</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">

    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/csd/customerManager/productDetails.css" type="text/css"/>
</head>
<body>
    <div class="container-fluid">
        <input type="hidden" id="qx" value="2">
        <div class="card">
            <div class="card-header">
                <h1>产品明细</h1>
            </div>
            <div class="card-body">
                <ul class="new-tabs">
                    <!-- 全部 会员产品 非会员产品-->
                    <input type="hidden" id="productCategories" name="dateType"/>
                    <li class="nav-item active">
                        <a href="#" data-toggle="tab" aria-expanded="false" id="allTab" onclick="changeTab('')">全部产品</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-toggle="tab" aria-expanded="false" id="memberContractTab" onclick="changeTab('1')">会员产品</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" data-toggle="tab" aria-expanded="false" id="noMember" onclick="changeTab('0')">非会员产品</a>
                    </li>
                </ul>
                <div class="row content-action">
                    <div class="col-lg-7 col-md-6 col-sm-6 col-xs-12">
                        <!-- 全部 本周 本月 上月 自定义-->
                        <div class="time-search pull-left">
                            <input type="hidden" id="dateType" name="dateType"/>
                            <div id="all" class="timeBtn active-second" onclick="selectTime('all')">全部</div>
                            <div id="today" class="timeBtn"  onclick="selectTime('today')">今天</div>
                            <div id="week" class="timeBtn"  onclick="selectTime('week')">本周</div>
                            <div id="month" class="timeBtn" onclick="selectTime('month')">本月</div>
                            <div id="lastMonth" class="timeBtn" onclick="selectTime('lastMonth')">上月</div>
                            <div id="customize" class="timeBtn" onclick="selectTime('customize')">自定义</div>
                        </div>
                        <div class="custom-input pull-left" id="customInput" style="margin-left: 10px;width: 410px;">
                            <div class="input-group">
                                <input type="text" class="form-control datepicker" placeholder="开始时间" id="arriveTimeStart">
                                <span class="input-group-addon">至</span>
                                <input type="text" class="form-control datepicker" placeholder="结束时间" id="arriveTimeEnd">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default" id="customDateBtn" onClick="productDetailsFormList()">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-6 col-sm-6 col-xs-12">
                        <div class="pull-right">
                            <div class="selectContainer">
                                <select id="companySelect" title="所属分公司"  name="companySelect" class="form-control selectpicker"  data-live-search="true">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                            <div class="selectContainer" style="margin-left:12px;">
                                <select id="userSelect" title="所有人" name="userSelect" class="form-control selectpicker"  data-live-search="true">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                            <button style="margin-left:12px;" class="btn btn-primary" onClick="productDetailsFormList()" type="button">搜索</button>
                            <div id="advanceFilterContainer">
                                <button class="btn btn-default btn-senior" id="openFilter" onClick="showToggle()"><i class="mdi mdi-sort-variant"></i>高级筛选</button>
                                <button class="btn btn-default btn-senior" id="closeFilter" onClick="showToggle()"><i class="mdi mdi-close"></i>关闭筛选</button>
                                <div id="filterFilesContainer" class="clearFix">
                                    <div id="filterFiles" class="clearFix">
    <!--                                    <i class="trangle"></i>-->
                                        <h4>高级筛选</h4>
                                        <div class="clearFix filterContent">
                                            <div>
                                                <div class="form-group" style="margin-bottom:15px;">
                                                    <label>选择产品:</label>
                                                    <div class="formCon">
                                                        <div class="navContainer">
                                                            <ul class="new-tabs">
                                                                <li class="nav-item active">
                                                                    <a href="#" data-toggle="tab" aria-expanded="false" id="groundProduct" onclick="changeProductStatus('0')">上架产品</a>
                                                                </li>
                                                                <li class="nav-item">
                                                                    <a href="#" data-toggle="tab" aria-expanded="false" id="undercarriageProduct" onclick="changeProductStatus('1')">下架产品</a>
                                                                </li>
                                                            </ul>
                                                            <div class="prodectNameCon" id="ProductId">
                                                                <div id="groundProductCon">
                                                                    <div class="form-group clearFix">
                                                                    </div>
                                                                </div>
                                                                <div id="undercarriageProductCon">
                                                                    <div class="form-group clearFix">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group" id="productStatus">
                                                    <label>产品状态:</label>
                                                    <div class="formCon">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="0">
                                                            <label class="form-check-label" for="inlineCheckbox1">正常</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="1">
                                                            <label class="form-check-label" for="inlineCheckbox2">退款</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox10" value="5">
                                                            <label class="form-check-label" for="inlineCheckbox10">已兑换</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group" id="orderDetailType">
                                                    <label>产品类型:</label>
                                                    <div class="formCon">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" onChange='orderDetailTypeChange("2")' id="inlineCheckbox3" value="2">
                                                            <label class="form-check-label" for="inlineCheckbox3">活动产品</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" onChange='orderDetailTypeChange("4")' id="inlineCheckbox4" value="4">
                                                            <label class="form-check-label" for="inlineCheckbox4">兑换产品</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" onChange='orderDetailTypeChange("5")' id="inlineCheckbox5" value="5">
                                                            <label class="form-check-label" for="inlineCheckbox5">补款升级产品</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" onChange='orderDetailTypeChange("3")' id="inlineCheckbox6" value="3">
                                                            <label class="form-check-label" for="inlineCheckbox6">赠品活动产品</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" onChange='orderDetailTypeChange("1")' id="normalProduct" value="1">
                                                            <label class="form-check-label" for="normalProduct">正常售卖产品</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group" id="contractType">
                                                    <label>合同类型:</label>
                                                    <div class="formCon">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox7" value="4">
                                                            <label class="form-check-label" for="inlineCheckbox7">续费合同</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox8" value="2">
                                                            <label class="form-check-label" for="inlineCheckbox8">新单合同</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group" id="serverType">
                                                    <label>服务类型:</label>
                                                    <div class="formCon">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox9" value="会计考试">
                                                            <label class="form-check-label" for="inlineCheckbox9">会计考试</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox11" value="线上专题">
                                                            <label class="form-check-label" for="inlineCheckbox11">线上专题</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox12" value="高会产品">
                                                            <label class="form-check-label" for="inlineCheckbox12">高会产品</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>

                                        </div>
                                        <div id="btnsContainer" class="clearFix">
                                            <button class="btn btn-default" id="btn-reset" onClick="resetData()">重置</button>
                                            <button class="btn btn-primary" type="button" id="btn-search" onClick="productDetailsFormList()">
                                                <i class="mdi mdi-magnify"></i><span>搜索</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="productDetailsFormCon">
                    <table id="productDetailsForm"></table>
                </div>

            </div>
        </div>
    </div>
    </div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 所属分公司 所有人下拉框数据获取公共js -->
<script src="/js/crm/common/companyUserSelect.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/csd/customerManager/productDetails.js"></script>
</html>
